// TypeScript file
/**
 * 首页
 * @AUTHOR:JT
 * @TIME:
 */

class HomeUI extends egret.Sprite {
    public constructor() {
        super();
        this.once(egret.Event.ADDED_TO_STAGE, this.createView, this);
    }
    private createView(): void {

        //背景图片
        var bga = createBitmap("bga_jpg", 0, 0);
        this.addChild(bga);



        //背景遮罩容器
        var mask = diva(0x000000, 0.5, 0, 0, 640, 0, 640, 1136, 0, 1136, 0, 1136, 0, 0);//添加容器
        this.addChild(mask);

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        //展开目录容器
        var catalogOpenContent = diva(0x000000, 0.7, 0, 0, 428, 0, 428, 1136, 0, 1136, 0, 1136, -428, 0);//添加容器
        egret.Tween.get(catalogOpenContent).to({ x: 0 }, 1500);
        mask.addChild(catalogOpenContent);
        //展开目录文本
        var coc_catalog = createTextFiled("目 录", 30, 50, 45, 0xffffff, "center", 120);
        coc_catalog.fontFamily = "微软雅黑";
        coc_catalog.bold = true;

        catalogOpenContent.addChild(coc_catalog);
        //展开文章1
        var coc_article1 = createTextFiled("1. 灰的白【七段诗】", 60, 130, 30, 0xffffff);
        coc_article1.fontFamily = "微软雅黑";
        coc_article1.italic = true;
        coc_article1.touchEnabled = true;
        coc_article1.addEventListener(egret.TouchEvent.TOUCH_TAP, function () {
            egret.Tween.get(catalogCloseContent).to({ x: -120 }, 300).to({ x: 0 }, 300);
            egret.Tween.get(catalogOpenContent).to({ x: -428 }, 300);
            egret.Tween.get(authorContent).to({ x: 250 }, 600);
            egret.Tween.get(article1).to({ x: 0 }, 600);
        }, this)
        catalogOpenContent.addChild(coc_article1);
        //展开文章2
        var coc_article2 = createTextFiled("2. 诗/  找寻太阳的悲伤", 60, 180, 30, 0xffffff, "left", 350);
        coc_article2.fontFamily = "微软雅黑";
        coc_article2.italic = true;
        coc_article2.touchEnabled = true;
        coc_article2.addEventListener(egret.TouchEvent.TOUCH_TAP, function () {
            egret.Tween.get(catalogCloseContent).to({ x: -120 }, 300).to({ x: 0 }, 300);
            egret.Tween.get(catalogOpenContent).to({ x: -428 }, 300);
            egret.Tween.get(authorContent).to({ x: 250 }, 600);
            egret.Tween.get(article2).to({ x: 0 }, 600);
        }, this)
        catalogOpenContent.addChild(coc_article2);
        //展开文章3
        var coc_article3 = createTextFiled("3. 三行情书", 60, 230, 30, 0xffffff, "left", 350);
        coc_article3.fontFamily = "微软雅黑";
        coc_article3.italic = true;
        coc_article3.touchEnabled = true;
        coc_article3.addEventListener(egret.TouchEvent.TOUCH_TAP, function () {
            egret.Tween.get(catalogCloseContent).to({ x: -120 }, 300).to({ x: 0 }, 300);
            egret.Tween.get(catalogOpenContent).to({ x: -428 }, 300);
            egret.Tween.get(authorContent).to({ x: 250 }, 600);
            egret.Tween.get(article3).to({ x: 0 }, 600);
        }, this)
        catalogOpenContent.addChild(coc_article3);
        //展开文章4
        var coc_article4 = createTextFiled("4. Spell", 60, 280, 30, 0xffffff, "left", 350);
        coc_article4.fontFamily = "微软雅黑";
        coc_article4.italic = true;
        coc_article4.touchEnabled = true;
        coc_article4.addEventListener(egret.TouchEvent.TOUCH_TAP, function () {
            egret.Tween.get(catalogCloseContent).to({ x: -120 }, 300).to({ x: 0 }, 300);
            egret.Tween.get(catalogOpenContent).to({ x: -428 }, 300);
            egret.Tween.get(authorContent).to({ x: 250 }, 600);
            egret.Tween.get(article4).to({ x: 0 }, 600);
        }, this)
        catalogOpenContent.addChild(coc_article4);
        //展开文章5
        var coc_article5 = createTextFiled("5. 无人问津的三月", 60, 330, 30, 0xffffff, "left", 350);
        coc_article5.fontFamily = "微软雅黑";
        coc_article5.italic = true;
        coc_article5.touchEnabled = true;
        coc_article5.addEventListener(egret.TouchEvent.TOUCH_TAP, function () {
            egret.Tween.get(catalogCloseContent).to({ x: -120 }, 300).to({ x: 0 }, 300);
            egret.Tween.get(catalogOpenContent).to({ x: -428 }, 300);
            egret.Tween.get(authorContent).to({ x: 250 }, 600);
            egret.Tween.get(article5).to({ x: 0 }, 600);
        }, this)
        catalogOpenContent.addChild(coc_article5);

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //作者信息容器
        var authorContent = diva(0x000000, 0.5, 428, 0, 640, 0, 640, 1136, 428, 1136, 428, 1136, 212, 0);//添加容器
        egret.Tween.get(authorContent).to({ x: 0 }, 1500);
        mask.addChild(authorContent);
        //作者头像
        var portrait = createBitmap("portrait_png", 460, 33);
        portrait.width = 150;
        portrait.height = 150;
        authorContent.addChild(portrait);
        // 作者头像的遮罩
        var portraitMask = new egret.Shape();
        portraitMask.graphics.beginFill(0x000000);
        portraitMask.graphics.drawCircle(535, 108, 75);
        portraitMask.graphics.endFill();
        authorContent.addChild(portraitMask);
        portrait.mask = portraitMask;
        //作者名字
        var authorName = createTextFiled("暮光姗姗", 450, 200, 30, 0xffffff, "center", 160, 70, "top");
        authorName.fontFamily = "微软雅黑";
        authorName.bold = true;
        authorContent.addChild(authorName);
        //作者座右铭
        var authorWord1 = createTextFiled("世故而不世故", 560, 300, 30, 0xffffff, "center", 30, 600, "top");
        authorWord1.fontFamily = "微软雅黑";
        authorContent.addChild(authorWord1);
        var authorWord2 = createTextFiled("  成熟而又天真", 520, 300, 30, 0xffffff, "center", 30, 600, "top");
        authorWord2.fontFamily = "微软雅黑";
        authorContent.addChild(authorWord2);
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        //关闭的目录容器
        var catalogCloseContent = diva(0x000000, 0.7, 0, 0, 120, 0, 120, 1136, 0, 1136, 0, 1136, -120, 0);//添加容器
        catalogCloseContent.touchEnabled = false;
        if (catalogCloseContent.touchEnabled = true) {
            catalogCloseContent.addEventListener(egret.TouchEvent.TOUCH_TAP, function () {
                egret.Tween.get(catalogCloseContent).to({ x: -120 }, 300);
                egret.Tween.get(catalogOpenContent).to({ x: -480 }, 300).to({ x: 0 }, 300);
                egret.Tween.get(article1).to({ x: 1000 }, 600);
                egret.Tween.get(article2).to({ x: 1000 }, 600);
                egret.Tween.get(article3).to({ x: 1000 }, 600);
                egret.Tween.get(article4).to({ x: 1000 }, 600);
                egret.Tween.get(article5).to({ x: 1000 }, 600);
                egret.Tween.get(authorContent).to({ x: 0 }, 600);
            }, this)
        }
        mask.addChild(catalogCloseContent);
        //关闭的目录文本
        var ccc_catalog = createTextFiled("目 录", 30, 50, 45, 0xffffff, "center", 50);
        ccc_catalog.fontFamily = "微软雅黑";
        ccc_catalog.bold = true;
        catalogCloseContent.addChild(ccc_catalog);
        //关闭的字幕文本
        var ccc_catalog = createTextFiled("若不点开，怎知诗歌的精彩", 40, 220, 30, 0xffffff, "center", 50);
        ccc_catalog.fontFamily = "微软雅黑";
        ccc_catalog.italic = true;
        catalogCloseContent.addChild(ccc_catalog);

        //旋转音符
        var yinfu = createBitmap("yinfugif_gif", 533, 116);
        yinfu.anchorOffsetX = 33;
        yinfu.anchorOffsetY = 66;
        egret.Tween.get(yinfu).to({ alpha:0 }, 0).to({ alpha: 0 }, 1500).to({ alpha: 1 }, 1500);
        egret.Tween.get(yinfu, { loop: true }).to({ scaleY: 0.7 }, 1000).to({ scaleY: 1 }, 1500);
        catalogCloseContent.addChild(yinfu);


        // 文章的容器
        var articleContent = new egret.DisplayObjectContainer();
        mask.addChild(articleContent);
        //滚动视图scoll
        var articleScrollView = new egret.ScrollView();
        articleScrollView.horizontalScrollPolicy = "off";
        articleScrollView.x = 140;
        articleScrollView.y = 75;
        articleScrollView.width = 500;
        articleScrollView.height = 1000;
        mask.addChild(articleScrollView);
        articleScrollView.setContent(articleContent);//scollview设置在容器中

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        //文章1容器
        var article1 = diva(0x000000, 0.2, 0, 0, 490, 0, 490, 0, 0, 0, 0, 0, 1000, 0);
        articleContent.addChild(article1);
        //文章1标题
        var article1title = createTextFiled("灰的白【七段诗】", 0, 0, 36, 0xffffff);
        article1title.fontFamily = "微软雅黑";
        article1title.bold = true;
        article1.addChild(article1title);
        //文章1内容1
        var article1cont1 = createTextFiled("亲爱的，你孤独吗？\n漂泊于异乡却凝望故乡的月亮， \n夜深归寂于房间的空荡。 \n看着喜剧而黯然神伤， \n深爱着一个人又陷入彷徨。", 20, 70, 24, 0xffffff, "left", 490);
        article1cont1.fontFamily = "微软雅黑";
        article1cont1.lineSpacing = 18;
        article1.addChild(article1cont1);
        //文章1内容2
        var article1cont2 = createTextFiled("连野兽都比你活得恣意盎然，\n月光和雪雾将它温柔隐藏。 \n繁星不会是伤感的诗行， \n黑夜不会是想念的惆怅。 \n", 20, 320, 24, 0xffffff, "left", 490);
        article1cont2.fontFamily = "微软雅黑";
        article1cont2.lineSpacing = 18;
        article1.addChild(article1cont2);
        //文章1内容3
        var article1cont3 = createTextFiled("可是你的血液里住着风，\n偏爱烈酒和自由。 \n你持有遗世独立的风姿， \n就像树有孤高傲世的寂寞。 \n", 20, 570, 24, 0xffffff, "left", 490);
        article1cont3.fontFamily = "微软雅黑";
        article1cont3.lineSpacing = 18;
        article1.addChild(article1cont3);
        //文章1内容4
        var article1cont4 = createTextFiled("你的温郁是荒漠的倒影。\n你经历的所谓世间风暴， \n不过是最平静的海， \n给了你半壁的庸俗和天空。 \n", 20, 820, 24, 0xffffff, "left", 490);
        article1cont4.fontFamily = "微软雅黑";
        article1cont4.lineSpacing = 18;
        article1.addChild(article1cont4);
        //文章1内容5
        var article1cont5 = createTextFiled("你走着隐晦曲折的路，\n你唱着古老芬芳的歌谣。 \n你说你已爱上这个冬天， \n为何你眼里的红叶还在燃烧？ \n", 20, 1070, 24, 0xffffff, "left", 490);
        article1cont5.fontFamily = "微软雅黑";
        article1cont5.lineSpacing = 18;
        article1.addChild(article1cont5);
        //文章1内容6
        var article1cont6 = createTextFiled("倘若有一天，\n当风穿过你赤裸的脚踝和灵魂， \n让它更深刻一些吧： \n顺便湿润你干涸的眼睛。 \n", 20, 1320, 24, 0xffffff, "left", 490);
        article1cont6.fontFamily = "微软雅黑";
        article1cont6.lineSpacing = 18;
        article1.addChild(article1cont6);
        //文章1内容7
        var article1cont6 = createTextFiled("左边草长莺飞雾漫林涧，\n右边车水马龙十里长街。 \n这是你要的此情此景， \n这是你心心念念的孤独世界。 \n", 20, 1570, 24, 0xffffff, "left", 490);
        article1cont6.fontFamily = "微软雅黑";
        article1cont6.lineSpacing = 18;
        article1.addChild(article1cont6);

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //文章2容器
        var article2 = diva(0x000000, 0.2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1000, 0);
        articleContent.addChild(article2);
        //文章2标题
        var article2title = createTextFiled("诗/  找寻太阳的悲伤】", 0, 0, 36, 0xffffff);
        article2title.fontFamily = "微软雅黑";
        article2title.bold = true;
        article2.addChild(article2title);
        //文章2内容1
        var article2cont1 = createTextFiled("天空抹去云翳，\n世界的灯火一盏一盏熄去。 \n遥远的呐喊激烈， \n为何寂静得听不见回音？， \n或许，我与你辗转在春与秋的间隙。", 20, 70, 24, 0xffffff, "left", 490);
        article2cont1.fontFamily = "微软雅黑";
        article2cont1.lineSpacing = 18;
        article2.addChild(article2cont1);
        //文章2内容2
        var article2cont2 = createTextFiled("可是，可是\n黑夜沉入大海，白昼燃烧成灰烬。\n绝望，压抑，以及一声叹息。 \n秒针像刀子割出汩汩的凉意， \n我却只想低头继续在黑暗中探寻， \n飞鸟与岁月留下的踪迹。", 20, 320, 24, 0xffffff, "left", 490);
        article2cont2.fontFamily = "微软雅黑";
        article2cont2.lineSpacing = 18;
        article2.addChild(article2cont2);
        //文章2内容3
        var article2cont3 = createTextFiled("想着寻找你，像磁针苦寻北极。\n倘若我不曾见过太阳， \n我将永远无法对你渴望； \n倘若世界没有荒凉的土壤， \n我也将藏匿好我的悲伤，不彷徨。", 20, 600, 24, 0xffffff, "left", 490);
        article2cont3.fontFamily = "微软雅黑";
        article2cont3.lineSpacing = 18;
        article2.addChild(article2cont3);
        //文章2内容4
        var article2cont4 = createTextFiled("电台的声音变得沙哑而悠扬，\n剧场最后一幕也在掌声中落下。 \n末班车到站，你像风奔向我在的地方。， \n现实一把拉住差点坠落的迷惘， \n灵魂从冷雨变成一阵暗香。", 20, 850, 24, 0xffffff, "left", 490);
        article2cont4.fontFamily = "微软雅黑";
        article2cont4.lineSpacing = 18;
        article2.addChild(article2cont4);
        //文章2内容5
        var article2cont5 = createTextFiled("归宿？你问我。\n原谅我不敢拆穿你眼底的冷漠。 \n天空下起了小雪，宁静得心悸。 \n故乡的清溪已不再潺潺流淌， \n黄昏的屋檐也早已雾霭茫茫。", 20, 1100, 24, 0xffffff, "left", 490);
        article2cont5.fontFamily = "微软雅黑";
        article2cont5.lineSpacing = 18;
        article2.addChild(article2cont5);
        //文章2内容6
        var article2cont6 = createTextFiled("原来太阳也会从海上苏醒，\n在大漠的边疆坦然地睡去。 \n孤独，是我天生就被设定的程序。 \n彼此守望的一簇微弱的焰火， \n只剩下无尽的摇曳与缄默。", 20, 1350, 24, 0xffffff, "left", 490);
        article2cont6.fontFamily = "微软雅黑";
        article2cont6.lineSpacing = 18;
        article2.addChild(article2cont6);
        //文章2内容7
        var article2cont6 = createTextFiled("我想过衰老，疾病，战争和死亡，\n以为这些就是偏向极端的无奈。 \n未曾想过你才是我最深刻的怅然， \n红玫瑰是一抹绝色，却短暂。 \n\n\n荒凉，似乎更深了。", 20, 1600, 24, 0xffffff, "left", 490);
        article2cont6.fontFamily = "微软雅黑";
        article2cont6.lineSpacing = 18;
        article2.addChild(article2cont6);

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //文章3容器
        var article3 = diva(0x000000, 0.2, 0, 0, 490, 0, 490, 0, 0, 0, 0, 0, 1000, 0);
        articleContent.addChild(article3);
        //文章3标题
        var article3title = createTextFiled("三行情书——", 0, 0, 36, 0xffffff);
        article3title.fontFamily = "微软雅黑";
        article3title.bold = true;
        article3.addChild(article3title);
        // 文章3内容1   
        var article3cont1 = createTextFiled("1.     借你一块橡皮檫,\n        送你一束玫瑰花,\n        还你一件婚纱。 \n\n2.     夏天扫落叶,\n        冬天扫雪，\n        我的心扫不去你的笑靥。 \n\n3.     日本的樱花,\n        淮海的风,\n        你在我身旁的笑容。 \n\n4.     我以为,\n        无数次深情的凝视,\n        还你一件婚纱。 \n\n5.     你的名字,\n        在我心上,\n        最美的情诗。 \n\n6.     亲爱的,\n        我最亲爱的,\n        没事就想喊喊你。 \n\n7.     你一走,\n        我的灵魂已失重,\n        从此很多人都像你。 \n\n8.     我转身,\n        你路过,\n        胜似人间无数。 \n\n9.     你离开了,\n        我的心空了,\n        全世界都就静了 \n\n10.     你又看不到,\n        \n        少一行何妨 \n\n", 20, 70, 24, 0xffffff, "left", 490);
        article3cont1.fontFamily = "微软雅黑";
        article3cont1.lineSpacing = 18;
        article3.addChild(article3cont1);
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //文章4容器
        var article4 = diva(0x000000, 0.2, 0, 0, 490, 0, 490, 0, 0, 0, 0, 0, 1000, 0);
        articleContent.addChild(article4);
        //文章4标题
        var article4title = createTextFiled("Spell_", 0, 0, 36, 0xffffff);
        article4title.fontFamily = "微软雅黑";
        article4title.bold = true;
        article4.addChild(article4title);
        // 文章4内容1   
        var article4cont1 = createTextFiled("Spotlight shining brightly, on my face\nI can't see a thing and yet I feel you walking my way\nEmpty stage, with nothing but this girl\nSinging this simple melody and\n Wearing her heart on her sleave\n\nAnd right now\nI have you, for a moment I can tell I've got you\nCuz your lips don't move\nSomething is happening\nCuz your eyes tell me the truth\nI've put a spell over you\n\nBeauty emanates from every word that you say\nYou've captured the deepest thoughts\nIn the purest, and simplest of ways\nBut you see, I'm not that graceful, Like you\nNor am I as eloquent\nBut just a simple melody\nCan change the way that you see me\n\nAnd right now, I have you\nFor a moment I can tell I've got you\nCuz your lips don't move\nAnd something is happening\nCuz your eyes tell me the truth\nI've put a spell over you\nAnd all my life I've stumbled\nBut up here I am just perfect\nPerfect as I'll, ever be\n\nI have you, for a moment\nI can tell I've got you\nCuz your lips don't move\nAnd something is happening\nCuz your eyes tell me the truth\nI've put a spell over you\n\n...", 10, 70, 16, 0xffffff, "left", 490);
        article4cont1.fontFamily = "微软雅黑";
        article4cont1.lineSpacing = 18;
        article4.addChild(article4cont1);
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //文章5容器
        var article5 = diva(0x000000, 0.2, 0, 0, 490, 0, 490, 0, 0, 0, 0, 0, 1000, 0);
        articleContent.addChild(article5);
        //文章5标题
        var article5title = createTextFiled("无人问津的三月", 0, 0, 36, 0xffffff);
        article5title.fontFamily = "微软雅黑";
        article5title.bold = true;
        article5.addChild(article5title);

        //简言遮罩
        var article5mask1 = diva(0x000000, 0.3, 0, 50, 490, 100, 490, 200, 0, 200, 0, 0, 0, 0);
        article5.addChild(article5mask1);

        var article5Imgbg1 = createBitmap("math_jpg",0,50);
        article5Imgbg1.width=480;
        article5Imgbg1.height=200;
        article5.addChild(article5Imgbg1);
        article5Imgbg1.mask=article5mask1;

        var article5Img1 = createTextFiled("在三月，不敢贪恋，只将暮色和冬末的笔记，引燃。",0,100,24,0xffffff,"left",490,100,"middle ",false,0x000000,true);
        article5Img1.backgroundColor = 0xff0000;
        article5Img1.bold = true;
        article5.addChild(article5Img1);
        
        // 文章5内容1   
        var article5cont1 = createTextFiled("三月是虚掷光阴，\n是一场雨季的冗长；\n三月是你的身影，\n镶嵌进浩瀚的诗行。\n\n彼此不接受烫金的请柬，\n却应邀了命运之深深纠缠。\n贝多芬在子夜之前落曲，\n而在子夜我不再盼望黎明。\n\n三月褪去了你的衣衫，\n遮住了星光与爱。\n谁还像你一样，\n为了前朝的旧梦，\n笃定地行走在这个时代。\n\n如此觉醒，如此纯粹。\n你心怀风雨相依，\n我站在河川之外。\n\n三月是她的名字，\n她甘愿做前朝的瓷片。\n\n", 10, 250, 24, 0xffffff, "left", 490);
        article5cont1.fontFamily = "微软雅黑";
        article5cont1.lineSpacing = 18;
        article5.addChild(article5cont1);
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    }
}